<template>
	<view>
		<view class="bg-farm margin padding-sm " hover-class="opcity" hover-stay-time="150" @tap="openManual('app_manual')">
			<view class="padding-sm  flex align-center">
				<view class="flex-sub text-left">
					<text class="cuIcon-read  text-olive "></text>
				</view>
				<view class="flex-treble text-right" >
					<view class="text-gray text-lg">手机端使用手册</view>
				</view>
			</view>
		</view>

		<view class="bg-farm margin padding-sm " hover-class="opcity" hover-stay-time="150" @tap="openManual('system_manual')">
			<view class="padding-sm  flex align-center">
				<view class="flex-sub text-left">
					<text class="cuIcon-read  text-olive "></text>
				</view>
				<view class="flex-treble text-right" >
					<view class="text-gray text-lg">Web平台使用手册</view>
				</view>
			</view>
		</view>

		<view class="bg-farm margin padding-sm " hover-class="opcity" hover-stay-time="150" @tap="openManual('gw_manual')">
			<view class="padding-sm  flex align-center">
				<view class="flex-sub text-left">
					<text class="cuIcon-read  text-olive "></text>
				</view>
				<view class="flex-treble text-right" >
					<view class="text-gray text-lg">智能终端配网及设置手册</view>
				</view>
			</view>
		</view>

		<view class="bg-farm margin padding-sm " hover-class="opcity" hover-stay-time="150" @tap="openManual('feed_manual')">
			<view class="padding-sm  flex align-center">
				<view class="flex-sub text-left">
					<text class="cuIcon-read  text-olive "></text>
				</view>
				<view class="flex-treble text-right" >
					<view class="text-gray text-lg">精准饲喂器操作手册</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad(options){
			
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: "使用教程"
			})
		},
		methods: {
			openManual(flag){
				
				// #ifdef APP-PLUS
				var url = "http://116.205.231.168:9901/manual/"+flag+".pdf";
				plus.runtime.openURL(
					url,
					function(e){
						//错误回调
					},
				)
				//plus.runtime.openWeb(url);
				// #endif

				// #ifdef H5
				var url = "http://116.205.231.168:9901/manual/"+flag+".htm";
				window.open(url)
				// #endif
			}
		}
	}
</script>

<style>
	.bg-farm {
		min-height: 100rpx;
		border-radius: 10rpx;
		/* opacity: 0.9; */
		/* background: url("https://www.hozenn.com/iot/img/house.png") 80% 50% / 40% no-repeat linear-gradient(to top, rgba(255, 255, 255, 0.95)); */
		/* background-image:linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('https://www.hozenn.com/iot/img/house.png'); */
		background-repeat: no-repeat;
		background-size: 20%;
		background-position: 55% 50%;
		background-color: rgba(100, 100, 100, 0.3);
	}
	.opcity{
		opacity: 0.6;
	}
</style>